<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!-- 공지사항 -->
<div style="width: 100%;" align="center">
	<table style="border: 2px solid black; text-align: center; width: 700px;">
		<tr>
			<td colspan="2" style="border: 2px solid black; height: 50px; background-color: black; color: white; font-family: Tahoma;">
				<b>§ Recently Added Notices §</b>
		<tr>
			<td style="border: 2px solid black; background-color: menu;"><b>1</b><td style="border: 2px solid black; background-color: orange;"> <a href="#"><b>공지사항 1</b></a>
		<tr>
			<td style="border: 2px solid black; background-color: menu;"><b>2</b><td style="border: 2px solid black; background-color: orange;"> <a href="#"><b>공지사항 2</b></a>
		<tr>
			<td style="border: 2px solid black; background-color: menu;"><b>3</b><td style="border: 2px solid black; background-color: orange;"> <a href="#"><b>공지사항 3</b></a>
	</table>
</div>
<p>
<!-- 진행중인 강좌 -->
<div style="width: 100%;" align="center">
	<table style="border: 2px solid black; text-align: center; width: 700px;">
	<tr>
		<td colspan="3" style="border: 2px solid black; background-color: black; color: white; font-family: Tahoma;">
			<b>§ 03 Ongoing Classes §</b>
	<tr>
		<c:forEach var="class_row1" items="${map.class_list }">
		<td style="border: 2px solid black; font-family: Tahoma;"><b>${class_row1.userid }</b>
		</c:forEach>
	<tr>
		<c:forEach var="class_row2" items="${map.class_list }">
		<td style="border: 2px solid black; height: 150px; background-image: url('${path}/images/images/RecipePatterns_1.jpg'); background-size: 30 30px;">
			<img src="${path}/images/recipe/${class_row2.recipe_idx1}/${class_row2.image1}" width="100px" height="100px">
			<img src="${path}/images/recipe/${class_row2.recipe_idx2}/${class_row2.image2}" width="100px" height="100px">
		</c:forEach>
	<tr>
		<c:forEach var="class_row3" items="${map.class_list }">
		<td style="border: 2px solid black; font-family: Tahoma;"><b>${class_row3.subject }</b>
		</c:forEach>
	</table>
</div>
<p>
<!-- 최근등록 레시피 -->
<div style="width: 100%;" align="center">
	<table style="border: 2px solid black; text-align: center; width: 700px;">
	<tr> 
		<td colspan="4" style="border: 2px solid black; background-color: black; color: white; font-family: Tahoma;"> 
			<b>§ 04 Recently Added Recipes §</b>
	<tr>
		<c:forEach var="recipe_row1" items="${map.recipe_list }">
		<td style="border: 2px solid black; font-family: Tahoma;"><b>${recipe_row1.userid }</b>
		</c:forEach>
	<tr>
		<c:forEach var="recipe_row2" items="${map.recipe_list }">
		<td style="border: 2px solid black; height: 150px; background-image: url('${path}/images/images/RecipePatterns_1.jpg'); background-size: 30 30px;">
			<a href="${path}/recipe/recipe_detail.do?idx=${recipe_row2.idx}">
			<img src="${path}/images/recipe/${recipe_row2.idx}/${recipe_row2.image}" width="100px" height="100px">
			</a>
		</c:forEach>
	<tr>
		<c:forEach var="recipe_row3" items="${map.recipe_list }">
		<td style="border: 2px solid black; font-family: Tahoma;"><b>${recipe_row3.subject }</b>
		</c:forEach>
	</table>
</div>
<p>
<!-- 가장 평점 높은 레시피 -->
	<div style="width: 100%;" align="center">
		<table style="border: 2px solid black; text-align: center; width: 700px;">
		<tr>
			<td colspan="4" style="border: 2px solid black; background-color: black; color: white; font-family: Tahoma;">
				<b>§ 04 Most popular Recipe Rates §</b>
		<tr>
			<c:forEach var="cmt_row1" items="${map.cmt_list }">
			<td style="border: 2px solid black; font-family: Tahoma;"><b>${cmt_row1.userid }</b>
			</c:forEach>
		<tr>
			<c:forEach var="cmt_row2" items="${map.cmt_list }">
			<td style="border: 2px solid black; height: 150px; background-image: url('${path}/images/images/RecipePatterns_1.jpg'); background-size: 30 30px;">
				<a href="${path}/recipe/recipe_detail.do?idx=${cmt_row2.idx}">
				<img src="${path}/images/recipe/${cmt_row2.idx}/${cmt_row2.image}" width="100px" height="100px">
				</a>
			</c:forEach>
		<tr>
			<c:forEach var="cmt_row3" items="${map.cmt_list }">
			<td style="border: 2px solid black; font-family: Tahoma;"><b>${cmt_row3.subject }</b>
			</c:forEach>
		</table>
	</div>